{% extends "base.html" %}
{% comment %}
<!--
  Copyright (C) 2008 GUO Lin <guolin.mobi nospam-at gmail D0T com>
  http://guo-lin.com/
  
  home page
  
  Created on 2008-12-08.
  $Id: home.html 19 2009-10-19 22:33:46Z guolin.mobi $
-->
{% endcomment %}

{# ---------------------------------------------------------------------------------------------- #}

{% block html_head %}

    {% block html_title %}
    <title>Lincode</title>
    {% endblock %}
<link rel="stylesheet" type="text/css" media="screen" href="/static/stylesheets/sections.css"/>
<script type="text/javascript">//<![CDATA[

function markCurrentEntry() {
    $("#entry_home").addClass("current");
}

$(document).ready( function() { markCurrentEntry(); } );

//]]></script>

{% endblock %}{# html_head #}


{#------------------------------------------------------------------------------------------------#}

{% block content %}
<div class="section">

		<h1>Home</h1>
        
        <div class="music">
        <h3>Music's Tag :</h3>
        <embed src="http://song.ly/swf/player.swf?soundFile=http%3A%2F%2Fdl.getdropbox.com%2Fu%2F1930520%2FMusic4us%2F01%20Mr.%20Pitiful.mp3&amp;playerID=10&amp;bg=0xCDDFF3&amp;leftbg=0x357DCE&amp;lefticon=0xF2F2F2&amp;rightbg=0x357DCE&amp;rightbghover=0x4499EE&amp;righticon=0xF2F2F2&amp;righticonhover=0xffffff&amp;text=0x357DCE&amp;slider=0x357DCE&amp;track=0xFFFFFF&amp;border=0x357DCE&amp;loader=0x8EC2F4&amp;loop=no&amp;autostart=no&amp;initialvolume=80" type="application/x-shockwave-flash" wmode="transparent" height="40" width="290"></embed>
  
        <ul>
            <li>Music: Mr. Pitiful</li>
            <li>Album: <a href="http://www.douban.com/subject/2257194/">Unfamiliar Faces</a></li>
            <li>Artist: Matt Costa</li>
        </ul>
   
        </div>
       
        <br/>
		
        <div class="movie">
		<h3>Movie's Tag:</h3>
		<a href="http://www.douban.com/subject/3018123/" ><img src="http://t.douban.com/spic/s3765401.jpg" style="float:left;padding:0 5px 5px 0;border:0" /></a>
		<p><strong>Home </strong>is a wonderful movie about the relation between humain and earth. You can get the introduction about this movie<a href="http://www.douban.com/subject/3018123/">here</a>.</p>
        </div>
		<br/><br/><br/><br/>
        
		<div class="box">
		<h3>Welcome</h3>
          <p>
            This is the place where I put my fun. I am <b>GUO Lin</b>, a programmer. 
            I come form Hunan China, currently living in Paris.
          </p>
		<div class="bottom" ></div>
        </div>
		
        
		<div class="box">
          <h3>What else?</h3>
          <p>
            If you want to know my project, you may get
           <a href="/home/project"> the project detail</a>.
		  <br/>
            If you were more interested in me than my project, you can visite other page of 
            <a href="/" rel="external">this site</a>,
            <a class="external" href="http://lincode.blogbus.com/" rel="external">my personal blog</a> and
            <a class="external" href="http://www.flickr.com/photos/lincode/" rel="external"> my flickr photo album </a>.
          </p>
          <p>
            Enjoy your visit!
          </p>
          <div class="bottom" ></div>
		</div>  
		
		<div class="box">
		  <h3>Powered by:</h3>

		  <table>
			   <tr>
               
			   <td>
				<a href="http://www.python.org/" rel="external">
				  <img style="margin: 0; padding: 4px; border: 1px solid #DDDDDD;"
					   src="http://www.python.org/community/logos/python-powered-w-100x40.png"
					   alt="Python Powered"/></a>
				</td>
				
                <td>
                and
                </td>
				
                <td>
				<a href="http://appengine.google.com/" rel="external">
				  <img style="margin: 0; padding: 4px; border: 1px solid #DDDDDD;"
					   src="http://code.google.com/appengine/images/appengine-noborder-120x30.gif"
					   alt="Powered by Google App Engine" /></a>
				</td>
				
                </tr>
			</table>

            <div class="bottom" ></div>
		</div>
</div>	  
{% endblock %}{# content #}

{# ---------------------------------------------------------------------------------------------- #}


